<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta
      name="description"
      content="乐购(TESCO.COM)-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"
    />
    <meta
      name="Keywords"
      content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"
    />
    <title>乐购(TESCO.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="./css/reset.css" />

    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="./css/common.css" />

    <!-- 引入插件样式表 -->

    <!-- 头部 -->
    <link rel="stylesheet" href="./css/header.css" />

    <!-- 引入当前页面样式表 -->
    <!-- 页面 -->
    <link rel="stylesheet" href="./css/page.css" />

    <!-- 页脚 -->
    <link rel="stylesheet" href="./css/footer.css" />
  </head>
  <body>
    <div id="header">
      <!-- 头部top -->
      <div class="htop fs14 cff bg00">
        <div class="container clearfix">
          <div class="fl">乐购www.legou.com</div>
          <div class="fr">
            <span>欢迎光临乐购</span>
            <span
              >请 <a href="./login.html">登录 |</a><a href="#"> 注册</a>
            </span>
          </div>
        </div>
      </div>
      <!-- 头部bottom -->
      <div class="hbottom fs18 bgff">
        <div class="container clearfix">
          <!-- logo -->
          <img class="logo fl" src="./imgs/logo.jpg" alt="图片加载失败" />
          <!-- 导航 -->
          <div class="nav fl">
            <div class="clearfix">
              <!-- 搜索 -->
              <form class="search fs14 fl" action="#" method="get">
                <input
                  class="hbtxt"
                  type="text"
                  placeholder="请输入搜索的商品名"
                /><input class="hbsub" type="submit" value="" />
              </form>
              <!-- 购物车 -->
              <a class="shopcar fs14 cfe tac fl" href="#">
                <img src="./imgs/购物车.png" alt="" />
                购物车
                <span class="dpib cfff8 bgfe">0</span>
              </a>
              <a class="order fs14 cd9 tac fl" href="#">我的订单</a>
            </div>
            <!-- 导航栏列表 -->
            <ul class="clearfix">
              <li><a class="c97" href="#">图书</a></li>
              <li><a class="c97" href="#">电子书</a></li>
              <li><a class="c97" href="#">原创文学</a></li>
              <li><a class="c97" href="#">服装</a></li>
              <li><a class="c97" href="#">运动户外</a></li>
              <li><a class="c97" href="#">孕婴童</a></li>
              <li><a class="c97" href="#">家居</a></li>
              <li><a class="c97" href="#">创意文具</a></li>
              <li><a class="c97" href="#">地方特产</a></li>
              <li><a class="c97" href="#">海外购</a></li>
              <li><a class="c97" href="#">电器城</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <!-- banner区域开始 -->
    <div id="banner">
      <div class="nav cff">
        <h2 class="fs24 tac">潮流新区</h2>
        <div>
          <p class="fs16">大家都在穿</p>
          <ul>
            <li>
              <a href="#">当季新品</a><a href="#">商场同款</a
              ><a href="#">天猫独家</a>
            </li>
            <li>
              <a href="#">连衣裙</a><a href="#">卫衣</a><a href="#">短外套</a
              ><a href="#">衬衫</a>
            </li>
            <li>
              <a href="#">气质套装</a><a href="#">卫衣</a><a href="#">毛衣</a
              ><a href="#">羽绒服</a>
            </li>
          </ul>
        </div>
        <div>
          <p class="fs16">品质上装</p>
          <ul>
            <li>
              <a href="#">当季新品</a><a href="#">商场同款</a
              ><a href="#">天猫独家</a>
            </li>
            <li>
              <a href="#">连衣裙</a><a href="#">卫衣</a><a href="#">短外套</a
              ><a href="#">衬衫</a>
            </li>
          </ul>
        </div>
        <div>
          <p class="fs16">特色服饰</p>
          <ul>
            <li>
              <a href="#">时尚套装</a><a href="#">休闲套装</a
              ><a href="#">妈妈装</a>
            </li>
            <li>
              <a href="#">大码女装</a><a href="#">卫衣</a><a href="#">套装裙</a
              ><a href="#">皮草</a>
            </li>
            <li>
              <a href="#">雪纺长裙</a><a href="#">短裤</a><a href="#">哈伦裤</a
              ><a href="#">风衣</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- banner区域结束 -->

    <!-- 产品区域开始 -->
    <div id="products">
      <div class="container">
        <div class="clearfix">
          <div class="leftbox fl">
            <h2 class="fs24 c33 fw400">
              品牌闪购<a href="#" class="fr tac c9f">&gt;</a>
            </h2>
            <div>
              <div class="innerbox cff tac">
                <h3 class="fs18 fw400">初秋时尚</h3>
                <p>全场三折起</p>
              </div>
            </div>
          </div>
          <div class="centerbox fl">
            <h2 class="fs24 c33 fw400">
              聚名品<span class="fs14 c9f">LUXURY CHANNEL</span>
              <a href="#" class="fr tac c9f">&gt;</a>
            </h2>
            <div>
              <div class="innerbox cff tac">
                <h3 class="fs18 fw400">特会上新</h3>
                <p>大牌限时折扣</p>
              </div>
            </div>
          </div>
          <div class="rightbox fl">
            <h2 class="fs24 c33 fw400">
              品牌活动<span class="fs14 c9f">BRAND ACTIVITY</span
              ><a href="#" class="fr tac c9f">&gt;</a>
            </h2>
            <div>
              <div class="innerbox cff tac">
                <h3 class="fs18 fw400">特会上新</h3>
                <p>大牌限时折扣</p>
              </div>
            </div>
          </div>
        </div>
        <div>
          <a href="#"
            ><img src="./imgs/ias_156870227770045_570x273_90.jpg" alt=""
          /></a>
          <a href="#"
            ><img src="./imgs/ias_156819366855749_570x273_90.jpg" alt=""
          /></a>
          <a href="#"
            ><img src="./imgs/ias_156889898387685_570x273_90.jpg" alt=""
          /></a>
          <a href="#"
            ><img src="./imgs/ias_156868995487248_570x273_90.jpg" alt=""
          /></a>
        </div>
      </div>
    </div>
    <!-- 产品区域借宿 -->

    <!-- 女装热销区域开始 -->
    <div id="woman">
      <div class="container">
        <h2 class="fs30 tac c33">女装热销</h2>
        <p class="fs18 tac c9f">Ladies Fashion Hot Sell</p>
        <div class="clearfix">
          <div class="leftbox fl">
            <a href="#">口 红</a>
            <a href="#">女 装</a>
            <a href="#">女 包</a>
            <a href="#">卸妆洁面</a>
          </div>
          <div class="centerbox fl">
            <a href="#"><img src="./imgs/15688822904603.jpg" alt="" /></a>
            <a href="#"><img src="./imgs/timg.jpg" alt="" /></a>
            <a href="#"><img src="./imgs/rxnh.jpg" alt="" /></a>
            <a href="#"><img src="./imgs/15688823648661.jpg" alt="" /></a>
          </div>
          <div class="rightbox fl">
            <div class="title clearfix">
              <h3 class="fl fs18 c33">女装销量</h3>
              <p class="fl c9f">爆买热款 实时更新</p>
            </div>
            <ul class="fs14 c33 fw400">
              <li>
                <h4>1. 乐町牛仔外套女19秋季新款短外</h4>
                <div class="clearfix">
                  <img src="./imgs/rxnh.jpg" alt="" class="fl" />
                  <p class="fl">乐町牛仔外套女19秋季新款短外套女</p>
                  <p class="fl"><span>¥ </span>199.00</p>
                </div>
              </li>
              <li>
                <h4>2. 乐町牛仔外套女19秋季新款短外</h4>
                <div class="clearfix">
                  <img src="./imgs/rxnh.jpg" alt="" class="fl" />
                  <p class="fl">乐町牛仔外套女19秋季新款短外套女</p>
                  <p class="fl"><span>¥ </span>199.00</p>
                </div>
              </li>
              <li>
                <h4>3. 乐町牛仔外套女19秋季新款短外</h4>
                <div class="clearfix">
                  <img src="./imgs/rxnh.jpg" alt="" class="fl" />
                  <p class="fl">乐町牛仔外套女19秋季新款短外套女</p>
                  <p class="fl"><span>¥ </span>199.00</p>
                </div>
              </li>
              <li>
                <h4>4. 乐町牛仔外套女19秋季新款短外</h4>
                <div class="clearfix">
                  <img src="./imgs/rxnh.jpg" alt="" class="fl" />
                  <p class="fl">乐町牛仔外套女19秋季新款短外套女</p>
                  <p class="fl"><span>¥ </span>199.00</p>
                </div>
              </li>
              <li>
                <h4>5. 乐町牛仔外套女19秋季新款短外</h4>
                <div class="clearfix">
                  <img src="./imgs/rxnh.jpg" alt="" class="fl" />
                  <p class="fl">乐町牛仔外套女19秋季新款短外套女</p>
                  <p class="fl"><span>¥ </span>199.00</p>
                </div>
              </li>
              <li>
                <h4>6. 乐町牛仔外套女19秋季新款短外</h4>
                <div class="clearfix">
                  <img src="./imgs/rxnh.jpg" alt="" class="fl" />
                  <p class="fl">乐町牛仔外套女19秋季新款短外套女</p>
                  <p class="fl"><span>¥ </span>199.00</p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- 女装热销区域结束 -->

    <!-- 男装热销区域开始 -->
    <div id="man">
      <div class="container">
        <h2 class="fs30 tac c33">男装热销</h2>
        <p class="fs18 tac c9f">Ladies Fashion Hot Sell</p>
        <div class="clearfix">
          <div class="leftbox fl">
            <a href="#">口 红</a>
            <a href="#">女 装</a>
            <a href="#">女 包</a>
            <a href="#">卸妆洁面</a>
          </div>
          <div class="centerbox fl">
            <a href="#"><img src="./imgs/bx.jpg" alt="" /></a>
            <a href="#"><img src="./imgs/cxk.jpg" alt="" /></a>
            <a href="#"><img src="./imgs/xz.jpg" alt="" /></a>
            <a href="#"><img src="./imgs/nh.jpg" alt="" /></a>
          </div>
          <div class="rightbox fl">
            <div class="title clearfix">
              <h3 class="fl fs18 c33">女装销量</h3>
              <p class="fl c9f">爆买热款 实时更新</p>
            </div>
            <ul class="fs14 c33 fw400">
              <li>
                <h4>1. 乐町牛仔外套女19秋季新款短外</h4>
                <div class="clearfix">
                  <img src="./imgs/rxnh.jpg" alt="" class="fl" />
                  <p class="fl">乐町牛仔外套女19秋季新款短外套女</p>
                  <p class="fl"><span>¥ </span>199.00</p>
                </div>
              </li>
              <li>
                <h4>2. 乐町牛仔外套女19秋季新款短外</h4>
                <div class="clearfix">
                  <img src="./imgs/rxnh.jpg" alt="" class="fl" />
                  <p class="fl">乐町牛仔外套女19秋季新款短外套女</p>
                  <p class="fl"><span>¥ </span>199.00</p>
                </div>
              </li>
              <li>
                <h4>3. 乐町牛仔外套女19秋季新款短外</h4>
                <div class="clearfix">
                  <img src="./imgs/rxnh.jpg" alt="" class="fl" />
                  <p class="fl">乐町牛仔外套女19秋季新款短外套女</p>
                  <p class="fl"><span>¥ </span>199.00</p>
                </div>
              </li>
              <li>
                <h4>4. 乐町牛仔外套女19秋季新款短外</h4>
                <div class="clearfix">
                  <img src="./imgs/rxnh.jpg" alt="" class="fl" />
                  <p class="fl">乐町牛仔外套女19秋季新款短外套女</p>
                  <p class="fl"><span>¥ </span>199.00</p>
                </div>
              </li>
              <li>
                <h4>5. 乐町牛仔外套女19秋季新款短外</h4>
                <div class="clearfix">
                  <img src="./imgs/rxnh.jpg" alt="" class="fl" />
                  <p class="fl">乐町牛仔外套女19秋季新款短外套女</p>
                  <p class="fl"><span>¥ </span>199.00</p>
                </div>
              </li>
              <li>
                <h4>6. 乐町牛仔外套女19秋季新款短外</h4>
                <div class="clearfix">
                  <img src="./imgs/rxnh.jpg" alt="" class="fl" />
                  <p class="fl">乐町牛仔外套女19秋季新款短外套女</p>
                  <p class="fl"><span>¥ </span>199.00</p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- 男装热销区域结束 -->

    <!-- 品牌专区开始 -->
    <div id="brand">
      <div class="container">
        <h2 class="fs30 tac c33">品牌专区</h2>
        <p class="fs18 tac c9f">Ladies Fashion Hot Sell</p>
        <div class="topbox">
          <img src="./imgs/nh.jpg" alt="" class="fl" />
          <div class="fl">
            <h3 class="fs30 c33">XX品牌</h3>
            <p class="fs16 c80">
              HLA
              JEANS更注重与年青一代的情感沟通，提出“不普通的普通人”的品牌主张，鼓励年轻群体在生活之中坚持小自我，在平凡之中展现小个性，在平淡之中发现小乐趣，活出自己的与众小不同
            </p>
            <a href="#" class="fs24 c33 tac">品牌特卖中 >></a>
          </div>
        </div>
        <div class="bottombox clearfix">
          <div class="fl">
            <div class="bg1"><button class="tac c33">收藏品牌</button></div>
            <div>
              <h3 class="fs24 c33 tac">GOLD SHARK</h3>
              <p class="fs14 c80 tac">品质男装 秋季焕新</p>
            </div>
          </div>
          <div class="fl">
            <div class="bg2"><button class="tac c33">收藏品牌</button></div>
            <div>
              <h3 class="fs24 c33 tac">GOLD SHARK</h3>
              <p class="fs14 c80 tac">品质男装 秋季焕新</p>
            </div>
          </div>
          <div class="fl">
            <div class="bg3"><button class="tac c33">收藏品牌</button></div>
            <div>
              <h3 class="fs24 c33 tac">GOLD SHARK</h3>
              <p class="fs14 c80 tac">品质男装 秋季焕新</p>
            </div>
          </div>
          <div class="fl">
            <div class="bg4"><button class="tac c33">收藏品牌</button></div>
            <div>
              <h3 class="fs24 c33 tac">GOLD SHARK</h3>
              <p class="fs14 c80 tac">品质男装 秋季焕新</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 品牌专区结束 -->

    <!-- 页脚 -->
    <div id="footer">
      <!-- 页脚顶部 -->
      <div class="ftop bgff">
        <!-- 版心 -->
        <div class="container">
          <ul class="ultop clearfix">
            <script>
              for (let i = 0; i < 4; i++) {
                // 页脚图片
                let arrimg = ["1", "2", "3", "4"];
                // 页脚段落1
                let arrp1 = ["正品保障", "满86包邮", "售后无忧", "准时送达"];
                // 页脚段落2
                let arrp2 = [
                  "正品行货  放心选购",
                  "满86元 免运费",
                  "7天无理由退货",
                  "收货时间由你做主",
                ];
                document.write(`
                  <li class="fl clearfix">
                    <img class="fl" src="./imgs/页脚${arrimg[i]}.jpg" alt="图片加载失败" />
                    <div class="fl">
                      <p class="fs20 c33">${arrp1[i]}</p>
                      <p class="fs14 c9f">${arrp2[i]}</p>
                    </div>
                  </li>
                `);
              }
            </script>
          </ul>
          <div class="fmid clearfix">
            <ul class="fl">
              <li class="fs18 c33">新手入门</li>
              <li><a class="fs14 c80" href="#">购物流程</a></li>
              <li><a class="fs14 c80" href="#">会员制度</a></li>
              <li><a class="fs14 c80" href="#">订单查询</a></li>
              <li><a class="fs14 c80" href="#">服务协议及隐私说明</a></li>
              <li><a class="fs14 c80" href="#">网站地图</a></li>
            </ul>
            <ul class="fl">
              <li class="fs18 c33">支付方式</li>
              <li><a class="fs14 c80" href="#">货到付款</a></li>
              <li><a class="fs14 c80" href="#">网上支付</a></li>
              <li><a class="fs14 c80" href="#">礼品卡支付</a></li>
              <li><a class="fs14 c80" href="#">其它支付</a></li>
            </ul>
            <ul class="fl">
              <li class="fs18 c33">配送服务</li>
              <li><a class="fs14 c80" href="#">配送进度查询</a></li>
              <li><a class="fs14 c80" href="#">商品验货与签收</a></li>
            </ul>
            <ul class="fl">
              <li class="fs18 c33">相关规则</li>
              <li><a class="fs14 c80" href="#">平台规则</a></li>
              <li><a class="fs14 c80" href="#">退换货政策</a></li>
              <li><a class="fs14 c80" href="#">发票制度</a></li>
              <li><a class="fs14 c80" href="#">帮助中心</a></li>
            </ul>
            <div class="fl">
              <p class="fs14 c33">App更优惠</p>
              <img src="./imgs/页脚二维码.png" alt="图片加载失败" />
            </div>
            <div class="fl">
              <p class="fs14 c33">加微信查订单</p>
              <img src="./imgs/页脚二维码.png" alt="图片加载失败" />
            </div>
          </div>
        </div>
      </div>
      <!-- 页脚底部 -->
      <div class="fbottom c80 tac">
        <p>
          沪ICP备XXXXXXXXX号 | 经营证照 |
          互联网药品信息服务资格证(沪)-经营性-2017-0006 |
          违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |
        </p>
        <p>
          沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 |
          增值电信业务经营许可证
        </p>
        <img src="./imgs/页脚底部1.jpg" alt="图片加载失败" />
        <img src="./imgs/页脚底部2.jpg" alt="图片加载失败" />
        <img src="./imgs/页脚底部3.jpg" alt="图片加载失败" />
        <img src="./imgs/页脚底部4.jpg" alt="图片加载失败" />
        <img src="./imgs/页脚底部5.jpg" alt="图片加载失败" />
        <img src="./imgs/页脚底部6.jpg" alt="图片加载失败" />
      </div>
    </div>

    <!-- 页面特效部分 -->

    <!-- 引入jQuery -->
    <script src="./lib/jquery-3.7.1.min.js"></script>
    <script src="./lib/jquery.validate.js"></script>

    <!-- 引入插件 -->

    <!-- 3. 引入公共js -->
    <script src="./js/common.js"></script>

    <!-- 4. 引入当前页面js -->
    <script src="./js/page.js"></script>
  </body>
</html>
